@import "./variable.scss";
html,
body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    overflow: auto;
}

// 头部标题全局样式
.header-content {
    width: 100%;
    height: 100%;
    position: relative;
    .header-title {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .header-back {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 9;
        .back {
            width: 100px;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            i {
                color: #fff;
                font-size: 50px;
                transform: rotate(180deg);
            }
        }
    }
}

.page-section {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.page-content {
    width: 100%;
    height: calc(100% - 100px);
    overflow: auto;
    background: $bg-gray;
}

.page-switch-fade-enter-active {
    animation: fadeIn .3s;
    /*fadeIn-渐隐,pulse-放大,zoomIn-剧烈放大*/
}

.page-switch-fade-leave-active {
    animation: fadeIn .3s reverse;
}